Border Styles

dotted

Many dots separated by spaces around the element

solid

One continuous "line" going around the element

double

Two continuous "lines" going around the element separated by white space

groove

ridge

inset

outset

none

hidden


Questions

How to reduce the border horizontally?

Use the max-width property of css on the element which has the border around it.

When is hidden used?

Dotted Dashed Solid Double Groove Ridge Inset Outset None Hidden